function GetDengbao() {

	var clearPanel = {
						xtype: 'fieldset',
						margins:'5 5 5 5',
						title: '等保',
						layout : 'form',
						region:'center',
						labelWidth : 110,
						items: [
								{
									xtype: 'checkbox',
									name: 'oldcheck2',
									id  : 'oldcheck2',
									fieldLabel: '使用以往调查配置',
									anchor: '100%'
								},{
									xtype: 'label',
									style:'padding-top: 4px;padding-left: 117px; ', 
									text:'等保 用户调查配置选择内容1 XXXXXXXXXXXXXXXXXXXXXXXXX'
								},{
									xtype: 'checkboxgroup',
									itemCls: 'x-check-group-alt',
									columns: 4,
									items: [
										{boxLabel: '符合', name: 'fuhe21',id:'fuhe21'},
										{boxLabel: '不符合', name: 'bufuhe21',id:'bufuhe21'},
										{boxLabel: '部分符合', name: 'bufenfuhe21',id:'bufenfuhe21'},
										{boxLabel: '不适用', name: 'bushiyong21',id:'bushiyong21'}
									]
								},{
									xtype: 'label',
									style:'padding-top: 4px;padding-left: 117px; ', 
									text:'等保 用户调查配置选择内容2 XXXXXXXXXXXXXXXXXXXXXXXXX'
								},{
									xtype: 'checkboxgroup',
									itemCls: 'x-check-group-alt',
									columns: 4,
									items: [
										{boxLabel: '符合', name: 'fuhe22',id:'fuhe22'},
										{boxLabel: '不符合', name: 'bufuhe22',id:'bufuhe22'},
										{boxLabel: '部分符合', name: 'bufenfuhe22',id:'bufenfuhe22'},
										{boxLabel: '不适用', name: 'bushiyong22',id:'bushiyong22'}
									]
								},{
									xtype: 'label',
									style:'padding-top: 4px;padding-left: 117px; ', 
									text:'等保 用户调查配置选择内容3 XXXXXXXXXXXXXXXXXXXXXXXXX'
								},{
									xtype: 'checkboxgroup',
									itemCls: 'x-check-group-alt',
									columns: 4,
									items: [
										{boxLabel: '符合', name: 'fuhe23',id:'fuhe23'},
										{boxLabel: '不符合', name: 'bufuhe23',id:'bufuhe23'},
										{boxLabel: '部分符合', name: 'bufenfuhe23',id:'bufenfuhe23'},
										{boxLabel: '不适用', name: 'bushiyong23',id:'bushiyong23'}
									]
								},{
									xtype: 'label',
									style:'padding-top: 4px;padding-left: 117px; ', 
									text:'等保 用户调查配置选择内容4 XXXXXXXXXXXXXXXXXXXXXXXXX'
								},{
									xtype: 'checkboxgroup',
									itemCls: 'x-check-group-alt',
									columns: 4,
									items: [
										{boxLabel: '符合', name: 'fuhe24',id:'fuhe24'},
										{boxLabel: '不符合', name: 'bufuhe24',id:'bufuhe24'},
										{boxLabel: '部分符合', name: 'bufenfuhe24',id:'bufenfuhe24'},
										{boxLabel: '不适用', name: 'bushiyong24',id:'bushiyong24'}
									]
								},{
									xtype: 'label',
									style:'padding-top: 4px;padding-left: 117px; ', 
									text:'等保 用户调查配置选择内容5 XXXXXXXXXXXXXXXXXXXXXXXXX'
								},{
									xtype: 'checkboxgroup',
									itemCls: 'x-check-group-alt',
									columns: 4,
									items: [
										{boxLabel: '符合', name: 'fuhe25',id:'fuhe25'},
										{boxLabel: '不符合', name: 'bufuhe25',id:'bufuhe25'},
										{boxLabel: '部分符合', name: 'bufenfuhe25',id:'bufenfuhe25'},
										{boxLabel: '不适用', name: 'bushiyong25',id:'bushiyong25'}
									]
								},{
									xtype: 'checkboxgroup',
									itemCls: 'x-check-group-alt',
									fieldLabel: '',
									columns: 4,
									anchor: '50%',
									items: [
										{
											xtype: 'button',
											name: 'save',
											id  : 'save',
											text: '生成报表',
											anchor: '10%',
											handler : function() {
											
												SetDengbao();
												
											}
										}
									]
								}
						]
					};



   
	var clear_datum = new Ext.Panel({
				frame : true,
				layout : 'border',
				bodyStyle: "background-color:#ffffff", 
				items : [clearPanel]
			})
	
	return clear_datum;

}

function SetDengbao(){

	
	 var store1 = new Ext.data.JsonStore({
        fields: [{name: 'check'},{name: 'x'},{name: 'y'},{name: 'z'},{name: 'z1',type: 'int'}],
        data: [
        {check: '检查1',x: 2,y: 1,z: 6,z1: 1},
        {check: '检查2',x: 3,y: 3,z: 1,z1: 3},
        {check: '检查3',x: 4,y: 4,z: 6,z1: 5},
        {check: '检查4',x: 5,y: 2,z: 3,z1: 5},
        {check: '检查5',x: 5,y: 7,z: 7,z1: 6}
        ]
    })
		var myData = [
			['1', '防火墙1', "符合", "不符合", '部分符合', '不适用', '符合'],
			['2', '防火墙2', "符合", "不符合", '部分符合', '不适用', '符合'],
			['3', '防火墙3', "符合", "不符合", '部分符合', '不适用', '符合'],
			['4', '防火墙4', "符合", "不符合", '部分符合', '不适用', '符合'],
			['5', '防火墙5', "符合", "不符合", '部分符合', '不适用', '符合']

	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'check1'
						}, {
							name : 'check2'
						}, {
							name : 'check3'
						}, {
							name : 'check4'
						}, {
							name : 'check5'
						}]
			});
			
	store.loadData(myData);
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '设备名',
							width : 150,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '检查2',
							width : 70,
							sortable : true,
							dataIndex : 'check1'
						}, {
							header : '检查3',
							width : 70,
							sortable : true,
							dataIndex : 'check1'
						}, {
							header : '检查4',
							width : 70,
							sortable : true,
							dataIndex : 'check1'
						}, {
							header : '检查5',
							width : 70,
							sortable : true,
							dataIndex : 'check1'
						}],
				sm : sm,
				
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'grid'
			});
		
	
		
	var centerPanel = new Ext.Panel({
        width: 600,
        height: 400,
        region : 'center',
        layout : 'border',
        tbar : [ {
							text : '导出',
							tooltip : '导出',
							iconCls : 'out',
							handler : function() {							
							}
						}],
        items: [
        		{
							region: 'north',
							height: 300,
							items : {
						    xtype: 'stackedcolumnchart',
						    store: store1,
						    xField: 'check',
						    xAxis: new Ext.chart.CategoryAxis({
						        title: '检查内容'
						    }),
						    yAxis: new Ext.chart.NumericAxis({
						        title: "符合数量"
						    }),
						    series: [{
						        displayName: "符合数量",
						        yField: 'x'
						    },
						    {
						        displayName: "不符合数量",
						        yField: 'y'
						    },
						    {
						        displayName: "部分符合数量",
						        yField: 'z'
						    },
						    {
						        displayName: "不适用数量",
						        yField: 'z1'
						    }],
						    chartStyle: {
						        padding: 10,
						        legend: {
						            display: 'right'
						        }
						    }
							}
							
						},{
							region: 'center',
							layout : 'fit',
							title:'明细表格',
							items : [grid]
						}
        ]

			});
    
    
	
	var setWindows = new Ext.Window({
				layout : 'border',
				width : 800,
				height : 600,
				title : "等保报表",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'count',
				items : [centerPanel],
				plain : true
				
			});
	
	setWindows.show();
}